HTML Styles

HTML शैलियाँ

HTML शैलियाँ

HTML styleकिसी तत्व में रंग, फ़ॉन्ट, आकार और बहुत कुछ जोड़ने के लिए विशेषताओं का उपयोग किया जाता है।

उदाहरण

I am Red

I am Blue

I am Big

HTML शैली विशेषता

HTML तत्व में शैली सेट करनाstyleविशेषता द्वारा किया जा सकता है।

HTML styleविशेषता में निम्नलिखित सिंटैक्स है:

<tagname style="property:value;">

propertyएक CSS विशेषता है.valueएक सीएसएस मान है.

आप इस ट्यूटोरियल में बाद में सीएसएस के बारे में और जानेंगे।

बाद में पैटर्न का रंग

CSS background-colorविशेषता HTML तत्व के लिए पृष्ठभूमि रंग को परिभाषित करती है।

उदाहरण

पृष्ठ के बाद पृष्ठभूमि रंग को पाउडरब्लू पर सेट करें:

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

उदाहरण

दो अलग-अलग तत्वों के लिए पृष्ठभूमि रंग सेट करें:

<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>

पाठ का रंग

CSS colorविशेषता HTML तत्व के लिए टेक्स्ट रंग को परिभाषित करती है:

उदाहरण

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

फ़ॉन्ट्स

CSS font-familyविशेषता HTML तत्व के लिए उपयोग किए जाने वाले फ़ॉन्ट को परिभाषित करती है:

उदाहरण

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

टेक्स्ट का साइज़

CSS font-sizeविशेषता HTML तत्व के लिए टेक्स्ट आकार को परिभाषित करती है:

उदाहरण

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

पाठ संरेखण

CSS text-alignविशेषता HTML तत्व के लिए क्षैतिज पाठ संरेखण को परिभाषित करती है:

उदाहरण

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

अध्याय का सारांश

अभ्यास के माध्यम से सीखना

HTML दस्तावेज़ में पृष्ठभूमि रंग जोड़ने का उचित तरीका क्या है?

<body style='background-color:pink;'>
✓ ठीक है! HTML में बैकग्राउंड कलर सेट करने के लिए यह सही सिंटैक्स है
<body background-color='pink;'>
✗ ग़लत!background-colorएक CSS विशेषता है, HTML विशेषता नहीं
<body style='bgcolor:pink;'>
✗ ग़लत!bgcolorसीएसएस में एक पुरानी HTML विशेषता हैbackground-colorउपयोग